<html>
  <head>
    <title>Interval Alpha</title>
    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
    <style>
      li {
        display: inline-block;
      }
    </style>
  </head>
  <body>
    <h1>Presto Long-Term Alpha Project Boosted in Coin</h1>

  <h3>Available Product Set</h3>
  <table>
  <li>
  select base
  </li>
  {% for symbol in symbols %}
    <td>
    <a href="{{request.path}}?products={{symbol}},{{products[1]}}">
    {{ symbol }}
    </a>
    </td>
  {% endfor %}
  </table>

  <table>
  <li>
  select ref
  </li>
  {% for symbol in symbols %}
    <td>
    <a href="{{request.path}}?products={{products[0]}}&ref={{symbol}}">
    {{ symbol }}
    </a>
    </td>
  {% endfor %}
  </table>


  {% for i in range(num_images) %}
  <img src="{{request.path}}/{{i}}?products={{request.args.get('products')}}" alt="Image Placeholder {{i}}"
      width={{width}}, height={{height}}>
  {% endfor %}

  </body>

</html>
